/*重置css*/
html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
ul{list-style-type: none;padding: 0;margin: 0;}
/*文字对齐*/
.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.noBr{white-space: nowrap;}

/*字体大小*/
.f12{font-size: 1.2rem;}
.f14{font-size: 1.4rem;}
.f15{font-size: 1.5rem;}
.f16{font-size: 1.6rem;}
.f17{font-size: 1.7rem;}
.f18{font-size: 1.8rem;}
.f20{font-size: 2rem;}
.f30{font-size: 3rem;}
.fb{font-weight: bold;}
.fn{font-weight: normal;}
.txtdel{text-decoration: line-through;}
/*内边距*/
.p5{padding: 0.5rem;}
.p10{padding: 1rem;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}

.pb20{padding-bottom: 20px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}

.pr10{padding-right: 10px;}
/*外边距*/
.ml5{margin-left: 0.5rem;}
.ml10{margin-left: 10px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}

.mt10{margin-top: 10px;}

/*定位*/
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}

.t0{top: 0;}
.t2{top: 0.2rem;}
.t3{top: 0.3rem;}
.t5{top: 5px;}
.t10{top: 10px;}

.b0{bottom: 0;}
.b5{bottom: 0.5rem;}

.r0{right: 0;}
.r10{right: 10px;}

.l0{left: 0;}
.l10{left: 10px;}

.r5{right: 5px;}

.oh{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
/*宽高*/
.w_100{width: 100%;}
.w_50{width: 50%;}
.h_100{height: 100%;}
.h_50{height: 50%;}
.h20{height: 2rem;}

.lh20{line-height: 2rem;}

.db{display: block;}

/*颜色*/
.c_fff{color: #fff;}
